<head>

   <link rel="stylesheet" type="text/css" href="../../dist/skin/minimalist.css" />

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
   <script src="../../dist/flowplayer.js"></script>

   <style>
       body { font: 12px "Lucida Grande", sans-serif; }
       .flowplayer { width: 480px; height: 270px; margin: auto; }
       .fp-help { display: none }
   </style>

    <script type="text/javascript">
        $().ready(function () {
            flowplayer().bind("ready", function (e) {
                console.log("ready received in page");
            })
        });
    </script>

</head>

<body>

<div class="flowplayer " data-engine="flash" data-swf="../../dist/flowplayer.swf?a=2"
   data-debug="true" data-rtmp="rtmp://s3b78u0kbtx79q.cloudfront.net/cfx/st">

    <video poster="camera.jpg">
        <!--<source type="video/mp4" src="http://edge.flowplayer.org/buffalo_soldiers.mp4">-->
        <source type="video/flash" src="mp4:buffalo_soldiers.mp4">
    </video>
</div>

</body>
